<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>注册页面</title>
</head>

<body>
    <!-- 注册页面 -->
    <section class="reg-cont">
        <!-- 密码登录 -->
        <a href="./login.html">密码登录</a>
        <div class="login-reg">
            <h2>手机号登录/注册</h2>
            <p>快速找到好友，一站式记录你的运动</p>
        </div>
        <!-- 输入框 -->
        <div class="ipt">
            <input type="text" class="phone" id="phone" placeholder="输入手机号">
            <div class="codeBox df jcsb">
                <input type="text" class="codeIpt" id="codeIpt" placeholder="请输入验证码">
                <!-- 验证码框 -->
                <!-- 画布标签 用来画验证码 -->
                <canvas id="captcha" width="123" height="50"></canvas>
            </div>
            <input type="password" class="pwd" id="pwd" placeholder="请输入密码">
            <input type="password" class="pwdAg" id="pwdAg" placeholder="请再次确认密码">
            <button class="btn" id="btn">注册账号</button>
        </div>
        <!-- 页面底部文字 -->
        <div class="botText">- HOLD ON -</div>
        <!-- 信息提示框 -->
        <div class="msg" id="msg"></div>
    </section>
</body>

</html>